<template>
    <div class="login">
        <p>这是login页(一级视图)</p>
        <p>
            <!-- <router-link replace to="/login/account">账号登录</router-link> |
            <router-link replace to="/login/code">验证码登录</router-link> -->

            <!-- this.$route.query => 当前路由信息中携带的query数据  => {ReturnUrl:xxxx} -->
            <router-link replace :to="{name:'account',query:$route.query}">账号登录</router-link> |
            <router-link replace :to="{name:'code',query:$route.query}">验证码登录</router-link>
        </p>


        <!-- <h1>登录页</h1>
    <form action="" @submit.prevent>
        <p>
            <label>用户名:<input type="text" v-model="user"></label>
        </p>
        <p>
            <label>密&emsp;码:<input type="text" v-model="pwd"></label>
        </p>
        <p>
            <button @click="loginHandler">登录</button>
        </p>
    </form> -->
        <!-- <h1>登录页</h1>
    <form action="" @submit.prevent>
        <p>
            <label>手机号:<input type="text" v-model="user"></label>
        </p>
        <p>
            <label>验证码:<input type="text" v-model="pwd"></label>
        </p>
        <p>
            <button @click="loginHandler">登录</button>
        </p>
    </form> -->

        <!-- 二级试图   账号登录/验证码1-->
        <router-view></router-view>
    </div>
</template>
  
  
  
<script>
export default {
    name: "LoginView"
}
</script>
  